<style lang="less">
  @import '../styles/common.less';
  @import './style/avatar.less';
</style>
<style>

</style>
<template>
  <div class="spin-container" v-if="showSpinDrawer">
    <Spin size="large" fix>
      <Icon type="ios-loading" class="Spin-icon" size=18></Icon>
      <div>加载中</div>
    </Spin>
  </div>
</template>

<script>
  import Cookies from 'js-cookie';
  import Util from '../../libs/util';
  import Utils from '../../libs/mod.utils';
  import String from '../../libs/mod.string';
  import Modal from '../../libs/mod.Modal';
  import Ckeditor from '../../libs/mod.ckeditor';
  import util from '@/libs/util.js';
  export default {
    name: 'showSpin',
    components: {},
    props: ['showSpin'],
    data () {
      return {
        showSpinDrawer: false,
      };
    },
    created: function () {
      var _this = this;
      _this.showSpinDrawer = _this.showSpin ? _this.showSpin : false;
    },
    mounted () {
      var _this = this;
    },
    watch: {
      showSpin: function () {
        var _this = this;
        _this.showSpinDrawer = _this.showSpin ? _this.showSpin : false;
      }
    },
    methods: {}
  };
</script>
